<!--
 * @Author: xuzehan 123@qq.com
 * @Date: 2023-04-24 15:30:48
 * @LastEditors: xuzehan 123@qq.com
 * @LastEditTime: 2023-06-14 13:45:34
 * @FilePath: \ant-design-vue-jeecg-master\src\views\networkStatus\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <a-tabs default-active-key="1" @change="callback">
      <a-tab-pane key="1" tab="指控车状态">
        <car-status v-if="activeKey == '1'" />
      </a-tab-pane>
      <a-tab-pane key="2" tab="导弹状态" force-render>
        <terminal-status v-if="activeKey == '2'" />
      </a-tab-pane>
      <!-- <a-tab-pane key="3" tab="设备状态">
        <device-status v-if="activeKey == '3'" />
      </a-tab-pane> -->
      <a-tab-pane key="4" tab="遥测信息">
        <telemetry v-if="activeKey == '4'" />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script>
import carStatus from './modules/carStatus.vue'
import deviceStatus from './modules/deviceStatus.vue'
import terminalStatus from './modules/terminalStatus.vue'
import telemetry from './modules/telemetry.vue'
export default {
  components: { telemetry, deviceStatus, terminalStatus, carStatus },
  data() {
    return {
      activeKey: '1',
    }
  },
  methods: {
    callback(key) {
      console.log(key)
      this.activeKey = key
    },
  },
}
</script>

<style></style>
